* {
	padding: 0;
	margin: 0;
}

html,
body{
	width: 100%;
	height: 100%;
}

#app{
	width: 100%;
	height: 100%;
}

#app .header {
	width: 100%;
	height: 8%;
	display: flex;
	flex-direction: row;
}

#app .content {
	width: 100%;
	height: 72%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#app .header .header_left {
	width: 25%;
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: right;
}

#app .header .header_left img {
	width:	15%;
	height: 100%;
}

#app .header .header_left a {
	text-decoration: none;
	color: aqua;
	font-weight: bold;
	font-size: 1.25rem;
}

#app .header .header_center a:hover {
	color: lawngreen;
}

#app .header .header_center {
	width: 35%;
	height: 100%;
}

#app .header .header_center ul{
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
}

#app .header .header_center ul li{
	margin-left: 3.125rem;
	list-style: none;
}

#app .header .header_center ul li a{
	text-decoration: none;
	color: #aaa;
	font-weight: bold;	
}

#app .header .header_right {
	width: 40%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

#app .section {
	width: 100%;
	height: 20%;
	background: url('../img/work_list/lan.png');
	background-repeat: no-repeat;
	background-size: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#app .section .section_1 {
	color: white;
	font-size: 35px;
	font-weight: bold;
}

#app .section .section_2	 {
	position: relative;
	top: 0.5rem;
	color: white;
	font-size: 15px;
}

#app .content {
	width: 100%;
	height: 90%;
	display: flex;align-items: center;
	justify-content: center;
}

#app .content .content_pagecking {
	width: 60%;
	height: 80%;
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-around;
}
	
#app .content .content_left {
	width: 32%;
	height: 96%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	box-shadow:rgba(0,0,0,.1	) 0px 0px 15px;
}

#app .content .content_pagecking .content_left .content_left_top{
	width: 100%;
	height: 35%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#app .content .content_pagecking .content_left .content_left_bottom{
	width: 100%;
	height: 65%;
}
#app .content .content_pagecking .content_left .content_left_bottom .content_left_bottom_item{
	width: 100%;
	height: 15%;
	margin-top: 1rem;
	flex-direction: column;
	display: flex;
	align-items: center;
}

#app .content .content_right {
	width: 63%;
	height: 96%;
	box-shadow:rgba(0,0,0,.1	) 0px 0px 15px;
	color: #6a6a6a;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
}

#app .content .content_right .content_right_item {
	width: 45%;
	height: 15%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-around;
}

#app .content .content_right .content_right_footer {
	width: 90%;
	height: 12.3%;
}